<template>
  <ConfigProvider>
    <router-view />
  </ConfigProvider>
</template>

<script setup>
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
import ConfigProvider from '@/layouts/ConfigProvider'
import useAppStore from '@/store/app'

const appStore = useAppStore()
const router = useRouter()
onMounted(async () => {
  await appStore.addRouter()
  router.replace(router.options.history.location)
})
if (window.devicePixelRatio === 1.5) {
  document.getElementById('app').style.zoom = '0.8'
}
if (window.devicePixelRatio === 1.25) {
  document.getElementById('app').style.zoom = '0.9'
}
</script>
